<template>
  <video class='bg' :src='bgImage' autoplay muted loop></video>
</template>

<style scoped lang="scss">
.bg {
  background-color: #000;
  position: fixed;
  object-fit: cover;
  left: 50%;
  top: 50%;
  z-index: 0;
  text-align: center;
  min-width: 100%;
  min-height:100%;
  transform: translateX(-50%) translateY(-50%);
}
</style>
<script>
export default {
  data() {
    return {
      bgImage: 'https://cdn.jsdelivr.net/gh/Bylx666/pic/5.2Anniversary_loop08_fde12fc774625bdd003024a971e776ec.mp4'
    };
  },
};
</script>